<!--
 * @Author: 一路向阳 tt_sunzhenfeng@163.com
 * @Date: 2024-05-22 13:29:16
 * @LastEditors: 一路向阳 tt_sunzhenfeng@163.com
 * @LastEditTime: 2024-05-26 19:03:09
 * @FilePath: \vue3_nuxt_demo\app.vue
 * @Description: 根组件
-->

<template>
  <div class="app-main-container">
    <NuxtPage />
  </div>
</template>

<style lang="less">
.app-main-container {
  width: 100vw;
  height: 100vh;
}

* {
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}

::-webkit-scrollbar-corner {
  display: block;
}

::-webkit-slider-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
  border-right-color: transparent;
  border-left-color: transparent;
  background-color: rgba(0, 0, 0, 0.2);
}
</style>
